/*隐藏mui导航默认的图标*/
.mui-icon-back:before, .mui-icon-left-nav:before,
.mui-icon-bars:before {
  display: none;
}

/* 修改顶部栏样式 */
.my-header-nav {
  height: 0.44rem;
  padding: 0;
  background-color: #000;
  top: 0;
  left: 0;
  /*按钮的样式*/

  .my-header-menu {
    padding: 0 !important;
    font-size: 0.25rem;
    line-height: 0.44rem;
    color: #fff;
    margin-right: 0.25rem !important;
  }

  h1 {
    margin-left: 0.15rem !important;
    text-align: right;
    line-height: 0.44rem;
    left: 0 !important;
    right: 0 !important;
    width: 1.68rem !important;
    height: 0.44rem;

    a {
      height: 100%;
      display: block;

      img {
        width: 100%;
        height: 100%;
        display: block;
      }

      &:hover {
        color: #f3f8f1;
      }
    }
  }
}

/* mui自带容器的背景色 */
.mui-content {
  background-color: #fff !important;
  padding-top: 0.44rem !important;
}

/* 轮播图 */
.my-banner {


  a {
    display: block;
    width: 100%;

    img {
      display: block;
      width: 100%;
    }
  }

  .big-img {

  }

  /* 更改轮播点样式 */

  .swiper-pagination-bullet {
    background-color: #fff;
    opacity: 1;

    &.swiper-pagination-bullet-active {
      width: 0.15rem;
      border-radius: 0.1rem;
      background-color: #fff;
    }
  }
}

/* 大图 */
.big-img {
  img {
    display: block;
    width: 100%;
  }
}

/* 面包屑导航 */
.bread {
  height: 0.37rem;
  border-bottom: 0.05rem solid #eaeaea;
  border-top: 1px solid transparent;

  .bread-nav {
    li {
      float: left;

      a {
        display: block;
        width: 100%;

        img {
          float: left;
          display: block;
          margin-top: 0.1rem;
        }

        p {
          float: left;
          font-size: 0.12rem;
          font-weight: normal;
          font-stretch: normal;
          line-height: 0.35rem;
          letter-spacing: 2px;
          color: #380909;
        }
      }

      &:nth-of-type(1) {
        a {
          img {
            width: 0.12rem;
            height: 0.12rem;
          }

          p {
            margin-left: 0.05rem;
            margin-right: 0.07rem;
          }
        }
      }

      &:nth-of-type(2),
      &:nth-of-type(4){
        img {
          display: block;
          width: 0.06rem;
          height: 0.1rem;
          margin-top: 0.13rem;
        }
      }

      &:nth-of-type(3) {
        margin-right: 0.05rem;
        a {
          img {
            margin-left: 0.09rem;
            margin-right: 0.04rem;
            width: 0.135rem;
            height: 0.13rem;
          }
        }
      }
      &:nth-of-type(5) {
        a {
          img {
            margin-left: 0.08rem;
            margin-right: 0.04rem;
            margin-top: 0.12rem;
            width: 0.095rem;
            height: 0.11rem;
          }
        }
      }
    }
  }
}

/* 侧边栏样式 */
#my-pop {
  width: 1.615rem;
  margin-top: 0.43rem;
  background-color: #050000;

  .tab-nav {
    background-color: #050000;

    &::after {
      height: 0;
    }

    li {
      background-color: #050000;
      padding-left: 0.3rem;

      &.tab-active {
        a {
          color: #ff2f2f;
        }
      }

      a {
        color: #fff;
        font-size: 0.15rem;
      }

      &::after {
        height: 0;
      }

      /* 有子项的处理 */

      &.small-item {
        .small-item-con {
          padding-left: 0.3rem;

          a {
            font-size: 0.12rem;
            display: block;
            margin-bottom: 0.1rem;
          }
        }
      }
    }
  }
}

.mui-table-view-cell.mui-collapse .mui-collapse-content {
  background: #050000;
  padding-top: 0.1rem;
  padding-bottom: 0;
  margin-top: 0;
}

.mui-table-view-cell.mui-collapse.mui-active {
  margin-top: 0;
}

.mui-table-view-cell > a:not(.mui-btn).mui-active {
  background-color: #050000;
  color: #ff2f2f !important;
}

footer {
  //margin-top: 500px;
  padding-top: 0.1rem;
  padding-bottom: 0.2rem;
  background-color: #333;
  margin-bottom: 0.64rem;


  p {
    text-align: center;
    line-height: 0.22rem;
    color: #999;
    font-size: 0.12rem;

    &.foot-logo {
      height: 0.41rem;
      background: url("../img/home/foot_logo.png") no-repeat center center;
      background-size: contain;
      margin-bottom: 0.1rem;
    }
  }
}

.tab-active {
  color: #ff2f2f !important;
}

.teles-box {
  width: 100%;
  height: 0.64rem;
  background-color: #000;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 3333;
  display: flex;
  justify-content: center;
  padding-top: 0.2rem;

  a {
    flex: 1;
    border-top: 1px solid transparent;
    padding-left: 0.42rem;

    img {
      float: left;
      width: 0.225rem;
      height: 0.225rem;
      margin-right: 0.1rem;
    }

    p {
      float: left;
      color: #fff;
      font-size: 0.18rem;
    }
  }

  /* 伪元素生成中间竖线 */

  &::after {
    content: '';
    position: absolute;
    height: 100%;
    width: 0.01rem;
    background-color: #fff;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
}
.mui-scrollbar.mui-scrollbar-vertical{
  width: 0.04rem;
  background-color: transparent!important;
}
.mui-scrollbar-indicator{
  background-color: #f50000;
  border-color: transparent;
}